{include file='Common/_meta'}
    <title>图片列表</title>
</head>

<body>
    <nav class="breadcrumb">
        <i class="Hui-iconfont">&#xe67f;</i> 首页
        <span class="c-gray en">&gt;</span> 图片管理
        <span class="c-gray en">&gt;</span> 图片列表
        <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);"
            title="刷新">
            <i class="Hui-iconfont">&#xe68f;</i>
        </a>
    </nav>
    <div class="page-container">
        <div class="text-c"> 日期范围：
            <input type="text" onfocus="selecttime(1)" id="logmin" class="input-text Wdate"
                style="width:120px;"> -
            <input type="text" onfocus="selecttime(2)" id="logmax" class="input-text Wdate"
                style="width:120px;">
            <input type="text" name="" id="" placeholder=" 图片名称" style="width:250px" class="input-text">
            <button name="" id="" class="btn btn-success" type="submit">
                <i class="Hui-iconfont">&#xe665;</i> 搜图片</button>
        </div>
        <div class="cl pd-5 bg-1 bk-gray mt-20">
            <span class="l">
                <a href="javascript:;" onclick="datadel()" class="btn btn-danger radius">
                    <i class="Hui-iconfont">&#xe6e2;</i> 批量删除</a>
                <a class="btn btn-primary radius" onclick="picture_add('添加图片','picture-add.html')"
                    href="javascript:;">
                    <i class="Hui-iconfont">&#xe600;</i> 添加图片</a>
            </span>
            <span class="r">共有数据：
                <strong>54</strong> 条</span>
        </div>
        <div class="mt-20">
            <table class="table table-border table-bordered table-bg table-hover table-sort">
                <thead>
                    <tr class="text-c">
                        <th width="40">
                            <input name="" type="checkbox" value="">
                        </th>
                        <th width="80">ID</th>
                        <th width="100">分类</th>
                        <th width="100">封面</th>
                        <th>图片名称</th>
                        <th width="150">Tags</th>
                        <th width="150">更新时间</th>
                        <th width="60">发布状态</th>
                        <th width="100">操作</th>
                    </tr>
                </thead>
                <tbody>
                    <tr class="text-c">
                        <td>
                            <input name="" type="checkbox" value="">
                        </td>
                        <td>001</td>
                        <td>分类名称</td>
                        <td>
                            <a href="javascript:;" onClick="picture_edit('图库编辑','{:url('picture/show')}','10001')">
                                <img width="210" class="picture-thumb" src="__STATIC__/admin/temp/200x150.jpg">
                            </a>
                        </td>
                        <td class="text-l">
                            <a class="maincolor" href="javascript:;" onClick="picture_edit('图库编辑','picture-show.html','10001')">现代简约 白色 餐厅</a>
                        </td>
                        <td class="text-c">标签</td>
                        <td>2014-6-11 11:11:42</td>
                        <td class="td-status">
                            <span class="label label-success radius">已发布</span>
                        </td>
                        <td class="td-manage">
                            <a style="text-decoration:none" onClick="picture_stop(this,'10001')" href="javascript:;" title="下架">
                                <i class="Hui-iconfont">&#xe6de;</i>
                            </a>
                            <a style="text-decoration:none" class="ml-5" onClick="picture_edit('图库编辑','picture-add.html','10001')"
                                href="javascript:;" title="编辑">
                                <i class="Hui-iconfont">&#xe6df;</i>
                            </a>
                            <a style="text-decoration:none" class="ml-5" onClick="picture_del(this,'10001')" href="javascript:;"
                                title="删除">
                                <i class="Hui-iconfont">&#xe6e2;</i>
                            </a>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
{include file='Common/_footer'}
    <!--/_footer 作为公共模版分离出去-->

    <!--请在下方写此页面业务相关的脚本-->
    <script type="text/javascript" src="__STATIC__/admin/lib/My97DatePicker/4.8/WdatePicker.js"></script>
    <script type="text/javascript" src="__STATIC__/admin/lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
    <script type="text/javascript" src="__STATIC__/admin/lib/laypage/1.2/laypage.js"></script>
    <script type="text/javascript">
        $('.table-sort').dataTable({
            "aaSorting": [[1, "desc"]],//默认第几个排序
            "bStateSave": true,//状态保存
            "aoColumnDefs": [
                //{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
                { "orderable": false, "aTargets": [0, 8] }// 制定列不参与排序
            ]
        });

        /*图片-添加*/
        function picture_add(title, url) {
            var index = layer.open({
                type: 2,
                title: title,
                content: url
            });
            layer.full(index);
        }

        /*图片-查看*/
        function picture_show(title, url, id) {
            var index = layer.open({
                type: 2,
                title: title,
                content: url
            });
            layer.full(index);
        }

        /*图片-审核*/
        function picture_shenhe(obj, id) {
            layer.confirm('审核文章？', {
                btn: ['通过', '不通过'],
                shade: false
            },
                function () {
                    $(obj).parents("tr").find(".td-manage").prepend('<a class="c-primary" onClick="picture_start(this,id)" href="javascript:;" title="申请上线">申请上线</a>');
                    $(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已发布</span>');
                    $(obj).remove();
                    layer.msg('已发布', { icon: 6, time: 1000 });
                },
                function () {
                    $(obj).parents("tr").find(".td-manage").prepend('<a class="c-primary" onClick="picture_shenqing(this,id)" href="javascript:;" title="申请上线">申请上线</a>');
                    $(obj).parents("tr").find(".td-status").html('<span class="label label-danger radius">未通过</span>');
                    $(obj).remove();
                    layer.msg('未通过', { icon: 5, time: 1000 });
                });
        }

        /*图片-下架*/
        function picture_stop(obj, id) {
            layer.confirm('确认要下架吗？', function (index) {
                $(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="picture_start(this,id)" href="javascript:;" title="发布"><i class="Hui-iconfont">&#xe603;</i></a>');
                $(obj).parents("tr").find(".td-status").html('<span class="label label-defaunt radius">已下架</span>');
                $(obj).remove();
                layer.msg('已下架!', { icon: 5, time: 1000 });
            });
        }

        /*图片-发布*/
        function picture_start(obj, id) {
            layer.confirm('确认要发布吗？', function (index) {
                $(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="picture_stop(this,id)" href="javascript:;" title="下架"><i class="Hui-iconfont">&#xe6de;</i></a>');
                $(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已发布</span>');
                $(obj).remove();
                layer.msg('已发布!', { icon: 6, time: 1000 });
            });
        }

        /*图片-申请上线*/
        function picture_shenqing(obj, id) {
            $(obj).parents("tr").find(".td-status").html('<span class="label label-default radius">待审核</span>');
            $(obj).parents("tr").find(".td-manage").html("");
            layer.msg('已提交申请，耐心等待审核!', { icon: 1, time: 2000 });
        }

        /*图片-编辑*/
        function picture_edit(title, url, id) {
            var index = layer.open({
                type: 2,
                title: title,
                content: url
            });
            layer.full(index);
        }

        /*图片-删除*/
        function picture_del(obj, id) {
            layer.confirm('确认要删除吗？', function (index) {
                $.ajax({
                    type: 'POST',
                    url: '',
                    dataType: 'json',
                    success: function (data) {
                        $(obj).parents("tr").remove();
                        layer.msg('已删除!', { icon: 1, time: 1000 });
                    },
                    error: function (data) {
                        console.log(data.msg);
                    },
                });
            });
        }
        
            /*日期*/
            function selecttime(flag) {
                if (flag == 1) {
                    var endTime = $("#datemin").val();
                    if (endTime != "") {
                        WdatePicker({ dateFmt: 'yyyy-MM-dd HH:mm', maxDate: endTime })
                    } else {
                        WdatePicker({ dateFmt: 'yyyy-MM-dd HH:mm' })
                    }
                } else {
                    var startTime = $("#dateman").val();
                    if (startTime != "") {
                        WdatePicker({ dateFmt: 'yyyy-MM-dd HH:mm', minDate: startTime })
                    } else {
                        WdatePicker({ dateFmt: 'yyyy-MM-dd HH:mm' })
                    }
                }
            }
        </script>
    </script>
</body>

</html>